<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>hls</title>
</head>

<body>
    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
    <h1>test</h1>
    <!-- Or if you want a more recent alpha version -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@alpha"></script> -->
    <video muted id="video"></video>
    <script>
        var video = document.getElementById('video');
         var videoSrc1 = 'https://uat-file-hls.trialos.com/resources/test/test.m3u8';
       // var videoSrc = 'https://uat-file-hls.trialos.com/resources/hls/8ae780817ac3205d017ac6de80d80002/8ae780817ac3205d017ac6de80d80002_720p.m3u8';
        //
        // First check for native browser HLS support
        //
        if (video.canPlayType('application/vnd.apple.mpegurl')) {
            video.src = videoSrc1;
            //
            // If no native HLS support, check if HLS.js is supported
            //
        } else if (Hls.isSupported()) {
            var hls = new Hls();
           hls.loadSource(videoSrc1);//
            // hls.loadSource(videoSrc);
            hls.attachMedia(video);
        }
    </script>
</body>

</html>